<template>
     <div class="right_lis">
          <dl>
            <dt
              style="
                width: 70px;
                height: 70px;
                box-sizing: border-box;
                padding: 3px;
                border: #9eb5fb 1px solid;
                border-radius: 100px;
              "
            >
              <img
                style="width: 100%; height: 100%; border-radius: 70px"
                :src="imgs"
                alt=""
              />
            </dt>
            <dd style="white-space: nowrap">
              <h4>Hi,我是您的专属项目顾问</h4>
              <span style="font-size: 12px">为1000+企业提供内容数字化方案</span>
            </dd>
          </dl>
          <div
            style="
              width: 150px;
              height: 150px;
              border: 2px solid #000;
              position: relative;
              top: -50px;
              border-radius: 10px;
              box-sizing: border-box;
              padding: 5px;
            "
          >
        <img style="width: 100%;height: 100%;" src="https://ts1.cn.mm.bing.net/th/id/R-C.3cb50479d0bfc27fdc2451bb36569bc3?rik=XE1OT3zlEShV7w&riu=http%3a%2f%2fpic.baike.soso.com%2fp%2f20130314%2f20130314001443-660044820.jpg&ehk=vlBaqJAqwvWCjG%2fd2aQGgYcWduswwgsDiExEDYzNMRM%3d&risl=&pid=ImgRaw&r=0" alt="">
        </div>
        <span style="position: absolute; bottom: 50px;color: #ccc;">立即扫码，真人测试</span>
        </div>
</template>


<script setup lang="ts">
// 接受数据
const {imgs} = defineProps({
    imgs:{
        type:String,
        default:'https://tupian.qqw21.com/article/UploadPic/2020-6/20206416212275003.jpg'
    }
});


</script>

<style scoped lang="scss">
   .right_lis {
      width: 25%;
      height: 100%;
      background: linear-gradient(to bottom, #f3f8ff, #f8fbff);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      line-height: 15%;
      position: relative;
      dl {
        width: 80%;
        height:110px;
        text-align: center;
        margin:0 auto;
        dt {
          margin: 0 auto;
          margin-bottom: 15px;
        }
        dd{
           width:100%;
           line-height:10px;
           position: relative;
           right:40px;
        }
      }
    }
</style>